@import './home/homeMain.scss';
@import './home/homeTop.scss';
@import './home/nav.scss';
@import './home/tabs.scss';
@import './components/base/baseGrid.scss';
@import './components/base/basePanel.scss';
@import './components/base/dateNav.scss';
@import './components/base/graph.scss';
@import './components/base/treeGrid.scss';
@import './components/base/model.scss';
@import './components/base/multiForm.scss';
@import './components/ui-lib/thirdPartylib.scss';


:root {
  // 全局默认字体族
  --global-font-family: #{$microsoftyaHei-font-family};
}

$init-percentage: 100%;

%full-width-height {
  width: $init-percentage;
  height: $init-percentage;
}

%init-container {
  width: $init-percentage;
  height: $init-percentage;
  margin: 0;
  padding: 0;
  background: #fff;
}

.mask-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.1);
  top: 0;
  left: 0;
  // z-index 层级管理关键范围 6~103
  // z-index: 6;
  z-index: 103;
}

.none-container {
  width: $init-percentage;
  height: $init-percentage;
  background-color: #fff;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  font-weight: bold;
  font-family: sans-serif;
  font-size: 30px;
  animation: l1 1s linear infinite alternate;

  // &:before {
  //   content:"暂无任何权限···"
  // }
}

@keyframes l1 {
  to {
    opacity: 0
  }
}

.read-only {
  color: #333;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


.frame {
  background-color: #fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

//100宽度
.full-width {
  width: $init-percentage;
}

//100%高度
.full-height {
  height: $init-percentage;
}

body,
html,
.init-container {
  @extend %init-container;
  font-family: var(--global-font-family);

  overflow: hidden;
  color: var(--homeTop-menu-fontColor);
  font-size: $default-font-size;
}

//宽高百分比
.full-width-height {
  @extend %full-width-height
}

.flexLayout {
  display: flex;
}

input[type=file],
/* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button {
  /* chromes and blink button */
  cursor: pointer;
}

ul,
li,
p {
  padding: 0;
  margin: 0;
  list-style: none;
}

#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
}

/*  -- 滚动条美化 -- */
.y-scroll {
  height: 100%;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 6px;
    background: #f5f5f5;
    border-radius: 6px;
  }

  &::-webkit-scrollbar-track-piece {
    background: #fff;
    border-radius: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: #b1b1b1;
    border-radius: 6px;
  }
}

/*  -- 滚动条美化 -- */
.x-scroll {
  height: 100%;
  overflow-x: auto;

  &::-webkit-scrollbar {
    width: 6px;
    background: #f5f5f5;
    border-radius: 6px;
  }

  &::-webkit-scrollbar-track-piece {
    background: #fff;
    border-radius: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: #b1b1b1;
    border-radius: 6px;
  }
}

/*  -- 浮动 -- */
.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.clear {
  *zoom: 1;

  &:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
  }
}

/*  -- 文字省略 -- */
@for $i from 1 through 5 {
  .tow-#{$i} {
    overflow: hidden;

    @if ($i==1) {
      word-wrap: normal;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    @else {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: $i;
    }
  }
}

/*  -- 颜色 -- */
$color-list: (
  none: transparent,
  red: #e54d42,
  black: #000000,
  black2: #333333,
  white: #ffffff,
  orange: #f37b1d,
  yellow: #fbbd08,
  green: #39b54a,
  green2: #8dc63f,
  blue: #0081ff,
  blue2: #1cbbb4,
  purple: #6739b6,
  purple2: #9c26b0,
  pink: #e03997,
  brown: #a5673f,
  gray: #8799a3,
  gray2: #aaaaaa
);

@each $key,
$val in $color-list {
  .font-#{$key+""} {
    color: $val;
  }

  .bgc-#{$key+""} {
    background-color: $val;
  }

  .bdc-#{$key+""} {
    border-color: $val;
  }
}